// pages/login/login.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    phone: "",
    code: "获取验证码",
    smsCode: ""
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  // 封装输入框事件
  input(event) {
    // console.log(event);
    // 得到属性名
    let prop = event.target.dataset["prop"];
    let changed = {}
    // 得到属性值
    changed[prop] = event.detail.value;
    this.setData(changed)
  },

  //手机号码验证
  isPhone() {
    // 1、判断手机号码是否为空
    if (!this.data.phone) {
      wx.showToast({
        title: '手机号码不能为空',
        icon: "loading",
        duration: 1000
      })
      return false;
    }
    // 2、判断手机号码是否正确
    let phoneReg = /^1[3-8]\d{9}$/;
    if (!phoneReg.test(this.data.phone)) {
      wx.showToast({
        title: '手机号码不正确',
        icon: "loading",
        duration: 1000
      })
      return false;
    }
    return true;
  },

  // 获取验证码
  getCode(event) {
    console.log(event);
    let phone = this.isPhone();
    if (phone) {
      let num = 10;
      let timer = setInterval(() => {
        this.setData({
          code: --num
        })
        if (num === 0) {
          clearInterval(timer)
          this.setData({
            code: "重新获取验证码"
          })
        }
      }, 300)
    }
  },

  // 登录
  login() {
    let phone = this.isPhone();
    if (phone) {
      // 验证码是否为空
      if (!this.data.smsCode) {
        wx.showToast({
          title: '验证码不能为空',
          icon: "loading",
          duration: 1000
        })
        return false;
      }

      // 以上都正确就请求后台数据
      console.log(this.data.phone, this.data.smsCode);
      wx.switchTab({
        url: '/pages/my/my'
      })
      wx.showToast({
        title: '登录成功',
        icon: "success",
        duration: 1000
      })
    }
  }
})